<template>
	<view class="file-icon">
		<image class="_icon" :src=" '/static/images/file-icon/' + src" mode="widthFix" :style="{
			width: `${size}px`,
            height: `${size}px`
		}"></image>
	</view>
</template>

<script setup>
	import {
		computed,
		defineProps
	} from 'vue';
	const props = defineProps({
		format: String,
		size: {
			type: Number,
			default: 40
		}
	})

	const src = computed(() => {
		if (props.format.indexOf('pdf') > -1) {
			return 'PDF.png'
		}
		if (props.format.indexOf('doc') > -1) {
			return 'DOC.png'
		}
		if (props.format.indexOf('xls') > -1 || props.format.indexOf('xlsx') > -1) {
			return 'EXCEL.png'
		}
		if (props.format.indexOf('ppt') > -1 ) {
			return 'PPT.png'
		}
		if (props.format.indexOf('zip') > -1) {
			return 'ZIP.png'
		}
		if (props.format.indexOf('rar') > -1) {
			return 'RAR.png'
		}
		return 'None.png'
	})
</script>

<style lang="scss" scoped>
	._icon {
		display: block;
	}
</style>